{{define "side_menu"}}

<ul class="nav nav-pills side-menu-nav justify-content-center" role="tablist">
    <li class="nav-item" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="我的">
        <a class="nav-link" id="pills-user-tab" data-toggle="pill" href="#pills-user" role="tab">
            <i class="ri-user-2-line"></i>
        </a>
    </li>
    <li class="nav-item" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="聊天">
        <a class="nav-link active" id="pills-chat-tab" data-toggle="pill" href="#pills-chat" role="tab">
            <i class="ri-message-3-line"></i>
        </a>
    </li>
    <li class="nav-item" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="群组">
        <a class="nav-link" id="pills-groups-tab" data-toggle="pill" href="#pills-groups" role="tab">
            <i class="ri-group-line"></i>
        </a>
    </li>
    <li class="nav-item" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="联系人">
        <a class="nav-link" id="pills-contacts-tab" data-toggle="pill" href="#pills-contacts" role="tab">
            <i class="ri-contacts-line"></i>
        </a>
    </li>
    <li class="nav-item" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="设置">
        <a class="nav-link" id="pills-setting-tab" data-toggle="pill" href="#pills-setting" role="tab">
            <i class="ri-settings-2-line"></i>
        </a>
    </li>
    <li class="nav-item dropdown profile-user-dropdown d-inline-block d-lg-none">
        <a class="nav-link dropdown-toggle" href="javascript: void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <img src="/assets/images/users/avatar-1.jpg" alt="" class="profile-user rounded-circle">
        </a>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">个人中心 <i class="ri-profile-line float-right text-muted"></i></a>
            <a class="dropdown-item" href="#">设置 <i class="ri-settings-3-line float-right text-muted"></i></a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">退出 <i class="ri-logout-circle-r-line float-right text-muted"></i></a>
        </div>
    </li>
</ul>

{{end}}